@import '../../style/themes';
@import '../../style/mixins';

.x-icon {
  @include reset-component();
  
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  color: inherit;
  font-size: inherit;
  fill: currentColor;
  box-sizing: unset;

  svg {
    width: 1em;
    height: 1em;
  }

  &-spin {
    svg {
      animation: iconSpinAni 1s infinite linear;
    }
  }
}

@keyframes iconSpinAni {
  to {
    transform: rotate(360deg);
  }
}